<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<%@ page language="java" import='java.util.ArrayList'%>
<%@ page language="java" import='to.*'%>
<%@ page language="java" import='java.text.DecimalFormat'%>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Listado de Productos</title>
        <link href="estilos.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" href="css.Farmacia.Global.css">
        <script language="javascript" type="text/javascript" src="LibJavaScript/js.Farmacia.Function.js"></script>
        <script language="javascript">
        function cerrar_prod(){
            top.document.FraMain.document.getElementById("iproductos").style.height="0px";
        }
        
        function buscar(){
            document.listadoproductos.method = "post";
            document.listadoproductos.action = "buscarProducto.do";
            document.listadoproductos.submit();
        }
        
        function seleccionar_prod(a_){
            top.document.FraMain.document.location.href = "aCarritoPedido.do?cProducto="+a_;
        }
        </script>
    </head>
    <body>
        <form name="listadoproductos">
            <table width="100%" align="center" cellpadding="1" cellspacing="0" style="border-color:#BFCDD4; border-top:1px solid #BFCDD4; border-left:1px solid #BFCDD4; border-right:1px solid #BFCDD4; border-bottom:1px solid #BFCDD4;">
                <tr bgcolor="#4F6EA6">
                    <td align="left" valign="middle" width="90%"><font color="#FFFFFF">Buscar Producto</font></td>
                    <td align="right" valign="middle" width="10%"><img src="icClose.gif" border="0" vspace="3" hspace="3" style="cursor:hand" onclick="javascript:cerrar_prod();"></td>
                </tr>
            </table>
            
            <table width="100%" align="center" cellpadding="1" cellspacing="1" style="border-color:#BFCDD4; border-top:1px solid #BFCDD4; border-left:1px solid #BFCDD4; border-right:1px solid #BFCDD4; border-bottom:1px solid #BFCDD4;">
                <tr bgcolor="#CCE085">
                    <th align="center"><font color="#2E3F72">Código</font></th>
                    <th align="center"><font color="#2E3F72">Descripción</font></th>
                    <th>&nbsp;</th>
                </tr>
                <tr bgcolor="#E2E2E2">
                    <td align="center"><input type="text" name="cProducto" size="15" value="" valExp="numero">&nbsp;</td>
                    <td align="center"><input type="text" name="dProducto" size="70" value="" valExp="stexto">&nbsp;</td>
                    <td align="center">
                        <input type="button" name="btBuscar" class="boton" value="Buscar" onclick="javascript:buscar();">
                    </td>
                </tr>
            </table>
            
            <table width="100%" align="center" cellpadding="1" cellspacing="1" style="border-color:#BFCDD4; border-top:1px solid #BFCDD4; border-left:1px solid #BFCDD4; border-right:1px solid #BFCDD4; border-bottom:1px solid #BFCDD4;">
                <thead>
                <tr bgcolor="#CCE085">
                   <th align="center"><font color="#2E3F72"><b>Código</b></font></th>
                   <th align="center"><font color="#2E3F72"><b>Descripción</b></font></th>
                   <th align="center"><font color="#2E3F72"><b>Precio Unit.</b></font></th>
                   <th align="center"><font color="#2E3F72"><b>Descuento</b></font></th>
                   <th>&nbsp;</th>
                </tr>
                </thead>
                <%
                ArrayList listprod = (ArrayList) request.getSession().getAttribute("listadoProductos");
                for (int i = 0; i < listprod.size(); i++) {
                    ProductoTO productos = (ProductoTO) listprod.get(i);
                    String[] colors = {"#E2E2E2","#FFFFFF"};
                %>
                <tbody>
                <tr bgcolor="<%=(colors[i%2])%>">
                    <td align="center"><font color="#333333"><%=productos.getCProducto()%></font></td>
                    <td align="left"><font color="#333333"><%=productos.getDProducto()%></font></td>
                    <td align="right"><font color="#333333"><%=new DecimalFormat("### ###.00").format(productos.getIPrecio())%></font></td>
                    <td align="right"><font color="#333333"><%=new DecimalFormat("### ###.00").format(productos.getPDescuento())%>%</font></td>
                    <td align="center"><a href="javascript:seleccionar_prod('<%=productos.getCProducto()%>');"><img src="icEdit.gif" style="cursor:hand;"></a></td>
                </tr>
                </tbody>
                <%
                }
                %>
            </table>
        </form>
    </body>
</html>